<template>
	<div class="downloadContent">
		<img class="download_img" src="../assets/image/download.png">
		<div class="download" @click="isPay"></div>
		<img class="downloadguidance_img" v-bind:class="isPayOffHide" src="../assets/image/download_guidance.png">
	</div>
</template>
<script type="text/javascript">
import Vue from 'vue'

export default {
	name: 'app',
	data () {
		return {
			isPayOffHide: 'hidden',
		}
	},
	methods:{
		isPay () {
			this.isPayOffHide = this.isPayOffHide ? '': 'hidden';
		}
	}
}
</script>
<style lang="scss">
.downloadContent{
	width: 100%; height: 100%; position: relative;
	.download_img{ float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
	.download{ margin-left: -1.3rem; width: 2.8rem; height: 0.68rem; position: absolute; left: 50%; bottom: 5.83rem; z-index: 2; }
	.downloadguidance_img{ float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; }
}
</style>